<div class="main">
    <div class="header" title="紫光UED项目管理中心">
        <img src="../../assets/ued/logo.png">
        <span class="title">紫光UED项目管理中心</span>
    </div>
    <div class="m-content">
        <div class="content-top">
            <div class="search-div">
                <el-input placeholder="请输入搜索内容" v-model="name" clearable>
                    <el-button slot="append" type="primary" icon="el-icon-search" :loading="isLoadingBtn" @click.native="search()">搜索</el-button>
                </el-input>
            </div>
            <div class="search-history" v-if="historyItems.length>0">
                <span class="history-item-title">搜索记录：</span>
                <span class="history-item" v-for="(item, index) in historyItems" :key="index" @click="search(item)">{{item}}</span>
            </div>
        </div>

        <div class="menu">
            <span class="m-item" @click="clickMenuItem()">
                <span class="c-item">...</span>
                <span>/</span>
            </span>
            <span class="m-item" v-for="(item,index) in menuItems" :key="index" @click="clickMenuItem(item, index)">
                <span class="c-item">{{item}}</span>
                <span>/</span>
            </span>
        </div>

        <div class="file-list">
            <el-table :data="items" style="width: 100%" @row-click="rowClick">
                <el-table-column class-name="cellClassName" prop="fileName" label="文件名称"></el-table-column>
                <el-table-column label="上传时间" width="200">
                    <template slot-scope="scope">{{scope.row.createTimeMs | formatDate('yyyy-MM-dd hh:mm:ss')}}</template>
                </el-table-column>
                <el-table-column fixed="right" width="120">
                    <template slot-scope="scope">
                        <el-button type="primary" size="medium" plain v-if="scope.row.isDownLoad" @click="downLoad(scope.row)">下载</el-button>
                    </template>
                </el-table-column>
            </el-table>
        </div>
    </div>
</div>